<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <!-- #include file="_meta.asp" -->
  <title>PRO</title>
  <style>
    #classify {
      margin-bottom: 18px;
    }
  </style>
</head>

<body>
  <!-- 头部区域 -->
  <!-- #include file="_head.asp" -->
  <!-- /头部区域 -->
  <!-- 内页轮播 -->
  <div class="page-banner">
    <img src="./images/news_banner.jpg" width="100%" alt="慧巢腻子">
    <div>
        <h3> 产品中心 </h3>
        <small> Product center </small>
      </div> 
  </div>
  <!-- /内页轮播 -->
  <div class="page-tit">
    <div class="main">
      您当前的位置：
      <a href="./index.asp">首页</a> &gt;
      <a href="./pro.asp">产品中心</a>
    </div>
  </div>

  <div id="pro-view-top">
    <div class="main clearfix">
      <div class="pro-view-top-l">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide df">
              <img src="./images/pro.jpg" alt=""> </div>
            <div class="swiper-slide df">
              <img src="./images/pro.jpg" alt=""> </div>
            <div class="swiper-slide df">
              <img src="./images/pro.jpg" alt=""> </div>
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
      <dl class="pro-view-top-r">
        <dt> 惠巢负氧泥（负离子腻子粉） </dt>
        <dd>
          规格：3.78L
          <br> 光泽：蛋壳光
          <br> 涂刷率：14-18平米/单遍/升
        </dd>
        <dd>
          <h5> 产品概述 </h5>
          <p>14-18平米/单遍/升14-18平米/单遍/升14-18平米/单遍/升14-18平米/单遍/升14-18平米/单遍/升14-18平.... </p>
        </dd>
        <dd>
          <h5> 相关产品 </h5>
          <ul class="df">
            <li>
              <a href="">
                <img src="./images/pro.jpg" alt=""> </a>
            </li>
            <li>
              <a href="">
                <img src="./images/pro.jpg" alt=""> </a>
            </li>
            <li>
              <a href="">
                <img src="./images/pro.jpg" alt=""> </a>
            </li>
            <li>
              <a href="">
                <img src="./images/pro.jpg" alt=""> </a>
            </li>
          </ul>
        </dd>
        <dt class="df">
          <a href=""> 立即咨询 <img src="./images/pro_zixun.png" alt=""> </a>
         <p>
           <span> 联系热线 </span>
           400-000-0000
         </p>
        </dt>
      </dl>
    </div>

  </div>
  <script>
    var mySwiper1 = new Swiper('#pro-view-top .swiper-container', {
        autoplay:true,
      loop: true,
      pagination: {
        el: '.swiper-pagination',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      }
    })
  </script>

  <div id="pro-view-ul">
    <div class="main">
      <ul class="df">
        <li>
          <a href="#pro-view-top"> 产品详情 </a>
        </li>
        <li>
          <a href="#parameter"> 规格参数 </a>
        </li>
        <li>
          <a href="#introduce"> 产品介绍 </a>
        </li>
        <li>
          <a href="#pro-view-con-case"> 现场案例 </a>
        </li>
        <li>
          <a href="#characteristic"> 性能特点 </a>
        </li>
      </ul>

    </div>

  </div>

  <!-- 规格 -->
  <div class="pro-view-con-parameter">
    <div class="main">
      <div class="pro-view-con-tit" id="parameter">
        <h3> 规格参数 </h3>
      </div>
      <div class="pro-view-content">
        惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br> 惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br> 惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
      </div>
    </div>
  </div>
  <!-- 规格 -->


  <div class="pro-view-con-introduce">
    <div class="main">
      <div class="pro-view-con-tit" id="introduce">
        <h3> 产品介绍 </h3>
      </div>
      <div class="pro-view-content">
        惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br> 惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br> 惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
      </div>
    </div>
  </div>


  <div class="pro-view-con-case">
    <div class="main">
      <div class="pro-view-con-tit" id="pro-view-con-case">
        <h3> 现场案例 </h3>
      </div>
      <div class="df">
        <dl class="case-dl">
          <a href="">
            <dt class="t-o"> 案例标题案例标题案例标题 </dt>
            <dd class="t-o"> 案例概述案例概述案例概述案例概述 </dd>
            <dt>
              <img src="./images/page_case.jpg" width="100%" alt=""> </dt>
          </a>
        </dl>
        <dl class="case-dl">
          <a href="">
            <dt class="t-o"> 案例标题案例标题案例标题 </dt>
            <dd class="t-o"> 案例概述案例概述案例概述案例概述 </dd>
            <dt>
              <img src="./images/page_case.jpg" width="100%" alt=""> </dt>
          </a>
        </dl>
        <dl class="case-dl">
          <a href="">
            <dt class="t-o"> 案例标题案例标题案例标题 </dt>
            <dd class="t-o"> 案例概述案例概述案例概述案例概述 </dd>
            <dt>
              <img src="./images/page_case.jpg" width="100%" alt=""> </dt>
          </a>
        </dl>
        <dl class="case-dl">
          <a href="">
            <dt class="t-o"> 案例标题案例标题案例标题 </dt>
            <dd class="t-o"> 案例概述案例概述案例概述案例概述 </dd>
            <dt>
              <img src="./images/page_case.jpg" width="100%" alt=""> </dt>
          </a>
        </dl>

      </div>
    </div>
  </div>


  <div class="pro-view-con-characteristic">
    <div class="main">
      <div class="pro-view-con-tit" id="characteristic">
        <h3> 性能特点 </h3>
      </div>
      <div class="pro-view-content">
        惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br> 惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br> 惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数惠巢负氧泥（负离子腻子粉）规格参数
        <br>
        <br>
        <br>
      </div>
    </div>
  </div>

  <!-- 在线订购 -->
  <div class="pro-view-con-order">
    <div class="main">
      <div class="pro-view-con-tit" id="order">
        <h3> 在线订购 </h3>
      </div>
      <div id="pro-form">
        <form action="" method="get">
          <dl class="clearfix">
            <dd>
              <label for="proName"> 订购的产品 </label>
              <input type="text" name="proName" id="proName"> </dd>
            <dd>
              <label for="peopleName"> 您的姓名 </label>
              <input type="text" name="peopleName" id="peopleName"> </dd>
            <dd>
              <label for="peopleTel"> 您的电话 </label>
              <input type="text" name="peopleTel" id="peopleTel"> </dd>
            <dd>
              <label for="peopleEmail"> 您的邮箱 </label>
              <input type="text" name="peopleEmail" id="peopleEmail"> </dd>
            <dt>
              <label for="peopleContent">您的需要备注内容</label>
              <textarea name="peopleContent" id="peopleContent"> </textarea>
            </dt>
            <p>
              <a href="javascript:;"> 立即订购 ></a>
              <a href="javascript:;"> 在线咨询 ></a>
            </p>
          </dl>
        </form>
      </div>
    </div>
  </div>
  <!-- 在线订购 -->

  <div id="classify">
    <div class="main">
      <dl class="clearfix">
        <dt>
          <a href=""> 腻子产品分类 </a>
        </dt>
        <dd>
          <a href=""> 内墙生态水性腻子粉 </a>
        </dd>
        <dd>
          <a href=""> 内墙柔性抗裂腻子粉 </a>
        </dd>
        <dd>
          <a href=""> 内墙防潮防霉腻子粉 </a>
        </dd>
        <dd>
          <a href=""> 惠巢负氧泥 </a>
        </dd>
      </dl>
      <dl class="clearfix">
        <dt>
          <a href=""> 石膏产品 </a>
        </dt>
        <dd>
          <a href=""> 高强抗裂粉刷石膏 </a>
        </dd>
        <dd>
          <a href=""> 高强抗裂粉刷石膏 </a>
        </dd>
        <dd>
          <a href=""> 高强抗裂粉刷石膏 </a>
        </dd>
        <dd>
          <a href=""> 高强抗裂粉刷石膏 </a>
        </dd>
      </dl>
      <dl class="clearfix">
        <dt>
          <a href=""> 瓷砖胶 </a>
        </dt>
        <dd>
          <a href=""> I型强力瓷砖胶 </a>
        </dd>
        <dd>
          <a href=""> II型超强力瓷砖胶 </a>
        </dd>
        <dd>
          <a href=""> I型强力瓷砖胶 </a>
        </dd>
        <dd>
          <a href=""> II型超强力瓷砖胶 </a>
        </dd>
      </dl>
      <dl class="clearfix">
        <dt>
          <a href=""> 负离子乳胶漆 </a>
        </dt>
        <dd>
          <a href=""> 负离子乳胶漆 </a>
        </dd>
        <dd>
          <a href=""> 负离子乳胶漆 </a>
        </dd>
      </dl>
    </div>
  </div>

  <!-- #include file="_page_rcommend.asp" -->
  <!-- #include file="_page_contact.asp" -->
  <!-- 脚注区域 -->
  <!-- #include file="_foot.asp" -->
  <!-- /脚注区域 -->
</body>

</html>